@charset "utf-8";
*{
   padding: 0;
   margin: 0;
   list-style: none;
   font-family: "微软雅黑";
}


header{
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    div:nth-of-type(1){
        margin: 0.16rem 0 0.16rem 0.18rem;
        width:30%;
        img{
            width: 100%;
        }
    }
    div:nth-of-type(2){
        font-size: 0.36rem;
        color:#000;
    }
    div:nth-of-type(3){
         display: flex;
         
         font-size:0.22rem;
         color: #999;
         li{
             margin:0 0.15rem;
             span{
                 font-size: 0.38rem;
             }
              p{
              font-size: 0.26rem;
               }
         }
    }
}
banner{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    img{
        width: 100%;
    }
}
.hei{
    width:100%;
    text-align: center;
    font-size: 0.36rem;
    padding-top: 0.36rem;
    padding-bottom: 0.26rem;
    
}
.wid{
    width: 95%;
    align-items: center;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    span{
        width:3rem;
        height: 0.01rem;
        background: #ccc;
    }
    li{
        width:20%;
        padding: 0 0.25rem;
        img{
         width: 100%;
         }
    }
}
.denglu{
    width: 100%;
    text-align: center;
    input{
        width: 5.86rem;
        height: 0.7rem;
        border-radius: 5px;
        border: 1px solid #eaeaea;
        font-size: 0.28rem;
        margin-top:0.25rem;
        color: #DCDCDC;
        outline: none;
    }
        input[type="button"]{
        font-size: 0.36rem;
        background: #feb505;
        color: #FFF;
        border: none;
        outline: none;
        margin-bottom: 0.36rem;
    }
}
.bor{
    width: 95%;
    margin: 0 auto;
    border: 0.03rem dotted #2BB281;
    position: relative;
    padding-bottom: 0.36rem;
    p{ 
        width: 97%;
        margin: 0 auto;
        text-indent: 2em;
        font-size: 0.28rem;
        line-height: 0.48rem;
        margin-top: 0.36rem;
        span{
            color:#2BB281;
        }
    }
    div{
        margin: 0 auto;
        width:3rem;
        text-align: center;
        background: #fff;
        font-size: 0.36rem;
        position: absolute;
        top:-0.3rem;
        left: 50%;
        margin-left:-1.5rem;
    }
}
.san{
    width: 95%;
    margin: 0 auto;
    .ku{
        width: 100%;
        display: flex;
        justify-content: space-around;
        text-align: center;
         div{
            width:28%;
            text-align: center;
            border:0.01rem solid #2BB281;
            padding: 0.28rem 0;
           li{
            width: 0.94rem;
            height:0.94rem;
            line-height: 0.94rem;
            border-radius: 50%;
            border: 0.03rem solid #00b2b2; 
            text-align: center;
            display: inline-block;
           span{
                font-size: 0.58rem;
                color: #00b2b2;
            }
          
            }
              p{
                font-size:0.28rem;
                margin-top: 0.08rem;
            }
             p:nth-of-type(2){
               color: #999;
            }
          }  
      }
      }      
 .item3{
    width: 95%;
    margin: 0 auto;
    padding-top: 0.24rem;
    ul{
        width: 100%;
        display: flex;
        text-align: center;
//      margin-top: 0.52rem;
        justify-content: space-around;
        align-items: center;
         li{
            width: 50%;
            text-align: center;
            border-right:1px solid #eaeaea;
             padding-top: 0.25rem;
             padding-bottom: 0.25rem;
            .it{
            width:1rem;
            height: 1rem;
            line-height: 1rem;
            background:#2BB281;
            border-radius: 50%;
            text-align: center;
            display: inline-block;
            }
            span{
                
               font-size: 0.58rem;
               color: #fff;
           }
           p{
                font-size: 0.28rem;
                 margin-top: 0.18rem;
           }
        }
         li:nth-of-type(2){
              border-right: none;
          }
          li:nth-of-type(4){
              border-right: none;
          }
    }
      ul:nth-of-type(1){
          border-bottom: 1px solid #eaeaea;
      
      }
      ul:nth-of-type(2){
         
          padding-bottom: 0.25rem;
      }
} 
.box2{
    width: 100%;
    div{
        width: 100%;
        display: flex;
        flex-direction: column;
        img{
            width: 100%;
        }
    }
}  
.text1{
    width:95%;
    padding: 0 0.18rem;
    font-size: 0.28rem;
    color: #333;
    margin:0.36rem 0;
    p{ 
        text-indent: 2em;
        font-size: 0.28rem;
        line-height: 0.48rem;
    }
}
footer{
    width: 100%;
    text-align: center;
    padding-top: 0.32rem;
    
    span:nth-of-type(1){
        font-size: 0.32rem;
        color: #2BB281;
       
    }
    span:nth-of-type(2){
        font-size: 0.28rem;
        color: #333;
        margin-left: 0.12rem;
       
    }
    ul{
         width:95%;
        display: flex;
        justify-content: space-around;
        padding:0.32rem 0;
        margin: 0 auto;
        border-bottom: 1px solid #eaeaea;
        li{
            font-size: 0.36rem;
        }
        li:hover{
            color: #2BB281;
        }
    }
     div{
       padding:0.5rem 0;
       font-size: 0.22rem;
       color: #999;
    }
}
   
    
    

